<%@ page contentType="text/html; charset=UTF-8"%>

<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <meta name="format-detection" content="telephone=no">
        <meta charset="UTF-8">

        <meta name="description" content="">
        <meta name="keywords" content="">

        <title></title>
            
        <!-- CSS -->
        <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
        <link href="/ynrfinance/static/css/bootstrap.min.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/bootstrap-datetimepicker.min.css">
        <link href="/ynrfinance/static/css/animate.min.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/font-awesome.min.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/form.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/calendar.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/style.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/icons.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/generics.css" rel="stylesheet">
        <style>
        .control_panel_active span{
		    color: #FFD600;
		}
		
		.control_panel_active small{
		    color: #FFD600;
		}
		.control_panel_active{
			background: rgba(0,0,0,0.6);
		}
		.chzn-container-multi .chzn-choices {
			width:300px;
		}
		.chzn-container .chzn-drop {
			width:300px;
		}
        </style>
    </head>
    <body id="skin-cloth">
        <header id="header" class="media">
            <a href="" id="menu-toggle"></a> 
            <a class="logo pull-left" href="/ynrfinance/home">尤耐锐数据科技</a>
            <div class="media-body">
                <div class="media" id="top-menu">
                    <div id="time" class="pull-right">
                        <span id="hours"></span>
                        :
                        <span id="min"></span>
                        :
                        <span id="sec"></span>
                    </div>
                </div>
            </div>
        </header>
        
        <div class="clearfix"></div>
        
        <section id="main" class="p-relative" role="main">
            <!-- Sidebar -->
            <aside id="sidebar">
                <!-- Sidbar Widgets -->
                <div class="side-widgets overflow">
                    <!-- Profile Menu -->
                    <div class="text-center s-widget m-b-25 dropdown" id="profile-menu">
                        <a href="" data-toggle="dropdown">
                            <img class="profile-pic animated" src="/ynrfinance/static/img/but.png" alt="">
                        </a>
                        <ul class="dropdown-menu profile-menu">
                            <li><a href="javascript:void(0);" class='logout_btn'>退出登录</a></li>
                        </ul>
                        <h4 class="m-0">系统管理员</h4>
                    </div>
                    
                    <!-- Calendar -->
                    <div class="s-widget m-b-25">
                        <div id="sidebar-calendar"></div>
                    </div>
                </div>
                
                <!-- Side Menu -->
                <ul class="list-unstyled side-menu">
                    <li>
                        <a class="sa-side-home" href="/ynrfinance/home">
                            <span class="menu-item">主页</span>
                        </a>
                    </li>
                    <li class="dropdown active">
                        <a class="sa-side-form" href="">
                            <span class="menu-item">发票</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a href="/ynrfinance/pendingInvoice">待处理发票</a></li>
                            <li><a class="active" href="/ynrfinance/invoiceUpload">发票上传</a></li>
                            <li><a href="/ynrfinance/invoiceEnter">手工录入</a></li>
                        </ul>
                    </li>
                </ul>

            </aside>
        
            <!-- Content -->
            <section id="content" class="container">                
                <!-- Breadcrumb -->
                <ol class="breadcrumb hidden-xs">
                    <li><a href="#">主页</a></li>
                </ol>
                
                <h4 class="page-title">控制面板</h4>
                                
                <!-- Shortcuts -->
                <div class="block-area shortcut-area">
                    <a class="shortcut tile" href="/ynrfinance/pendingInvoice">
                        <span class="icon">&#61698;</span>
                        <small class="t-overflow">待处理发票</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/invoiceUpload">
                        <span class="icon">&#61787;</span>
                        <small class="t-overflow">发票上传</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/salesUpload">
                        <span class="icon">&#61787;</span>
                        <small class="t-overflow">销售清单上传</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/invoiceEnter">
                        <span class="icon">&#61706;</span>
                        <small class="t-overflow">手工录入</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/claimingExpenses">
                        <span class="icon">&#61840;</span>
                        <small class="t-overflow">报销费用</small>
                    </a>
                    <a class="shortcut tile control_panel_active" href="/ynrfinance/bankUpload">
                        <span class="icon">&#61814;</span>
                        <small class="t-overflow">银行对账单上传</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/salaryUpload">
                        <span class="icon">&#61700;</span>
                        <small class="t-overflow">工资表上传</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/auditVoucher">
                        <span class="icon">&#61900;</span>
                        <small class="t-overflow">审核凭证</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/voucher">
                        <span class="icon">&#61788;</span>
                        <small class="t-overflow">查看凭证</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/trial">
                        <span class="icon">&#61932;</span>
                        <small class="t-overflow">科目余额表</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/sheet">
                        <span class="icon">&#61769;</span>
                        <small class="t-overflow">基础报表</small>
                    </a>
                </div>
                <div class="clearfix"></div>
                <hr class="whiter"/>
                <div id="error_tips"></div>
              	<div style="margin:10px 10px;float:left;">              
	                <select data-placeholder="选择公司..." class="tag-select-limited" multiple></select>
	            </div>
	            <div style="margin:10px 10px;width:150px;float:left;">
				     <select id="bank_type" class="select">
				     	<option value="">请选择银行类型...</option>
				     	<option value="招商银行">招商银行</option>
				     	<option value="农业银行">农业银行</option>
				     	<option value="工商银行">工商银行</option>
				     	<option value="建设银行">建设银行</option>
				     	<option value="中国银行">中国银行</option>
				     	<option value="交通银行">交通银行</option>
				     	<option value="兴业银行">兴业银行</option>
				     	<option value="平安银行">平安银行</option>
				     	<option value="广发银行">广发银行</option>
				     </select>
				</div>
				<div style="margin:10px 10px;width:150px;float:left;">
				     <input type="text" id="bill_date" class="input-sm form-control mask-time" placeholder="会计期间（如201908）" autocomplete="off">
				</div>
	            <div style="margin:10px 10px;float:left;">
	            	<button class="btn btn-alt m-r-5" style="height: 30px;font-size: 10px;" onclick="uploadInvoices()">点击上传</button>
	            </div>
	            <div class="clearfix"></div>
                <hr class="whiter"/>
                <div>
                	<div class="progress progress-striped active" style="margin:10px 10px;width:300px;float:left;">
                        <div class="progress-bar"  role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                        </div>
                    </div>
                    <div style="margin:5px 10px;float:left;">
                    <!-- <span style="font-size:10px;">45%已完成</span> -->
                    </div>
                	<hr class="whiter"/>
                </div>
                <div class="block-area" style="padding: 10px 10px 0;">
					<div class="fileupload fileupload-new" id="add_invoice" style="float:left;">
		                <a href="javascript:selectFiles();">
						    <div class="fileupload-preview thumbnail form-control">
						    	<span class="icon" style="font-size:40px;">&#61943;</span>
						    </div>
					    </a>
					</div>
					<input type="file" multiple="multiple" onChange="fileChange()" style="display:none;"/>
				</div>
            </section>
        </section>
        
        <!-- Javascript Libraries -->
        <!-- jQuery -->
        <script src="/ynrfinance/static/js/jquery.min.js"></script> <!-- jQuery Library -->
        <script src="/ynrfinance/static/js/jquery-ui.min.js"></script> <!-- jQuery UI -->
        <script src="/ynrfinance/static/js/bootstrap-datetimepicker.js"></script>
		<script src="/ynrfinance/static/js/bootstrap-datetimepicker.zh-CN.js"></script>
        <script src="/ynrfinance/static/js/jquery.easing.1.3.js"></script> <!-- jQuery Easing - Requirred for Lightbox + Pie Charts-->
        <!-- Bootstrap -->
        <script src="/ynrfinance/static/js/bootstrap.min.js"></script>
        <script src="/ynrfinance/static/js/datetimepicker.min.js"></script>
        <!--  Form Related -->
        <script src="/ynrfinance/static/js/icheck.js"></script> <!-- Custom Checkbox + Radio -->
        <!-- UX -->
        <script src="/ynrfinance/static/js/scroll.min.js"></script> <!-- Custom Scrollbar -->
        <!-- Other -->
        <script src="/ynrfinance/static/js/calendar.min.js"></script><!-- Calendar -->
        <script src="/ynrfinance/static/js/fileupload.min.js"></script> <!-- File Upload -->
        <script src="/ynrfinance/static/js/select.min.js"></script> <!-- Custom Select -->
        <script src="/ynrfinance/static/js/chosen.min.js"></script> <!-- Custom Multi Select -->
        <!-- All JS functions -->
        <script src="/ynrfinance/static/js/functions.js"></script>
        <script src="/ynrfinance/static/js/common.js"></script>
        <script src="/ynrfinance/static/js/invoice_input/bank_upload.js"></script>
        <script type="text/javascript">
        	$.post('/ynrfinance/getAllCompany', {}, function(data) {
        		var companyList = data.data;
        		for(var i in companyList) {
        			console.log(companyList[i].id + ":" + companyList[i].name);
        			$('.tag-select-limited')[0].add(new Option(companyList[i].name, companyList[i].id));
        		}
        		$(".tag-select-limited").trigger("chosen:updated");
        		$(".tag-select-limited").chosen();
        	});
        	
        </script>
    </body>
</html>
